<!DOCTYPE html>
<html>
	<head lang="en">
		<meta charset="UTF-8">
		<title>京东快报</title>
		<style type="text/css">
			body{
				background-color: yellow;
			}
			h1{
				margin: 0px;
				
			}
		    ul,li{
				margin: 0px;
				padding: 0px;
			}
			li{
				list-style-type: none;
				padding: 0px;
			}
			div{
				margin: 30px;
				width: 260px;
				border: 1px solid grey;
				box-sizing: border-box;
				background-color: white;
			}
			h1{
				background-color:pink;
				color: white;
				font-size: 16px;
				line-height: 43px;
				text-indent: 10px;
				border-bottom: 1px dotted;
			}
			li{
				line-height: 26px;
				/*margin: 5px 20px;*/
				font-size: 12px;
				color: gray;
				border-bottom: 1px dashed;
				text-indent: 5px;
			}
			li:hover{
				color:darkred;
			}
			#beauty span{
				color: #FFF;
				font-weight: bold;
				margin-right:10px;
				display:inline-block ;
				width: 20px;
				height: 20px;
				border-radius:50% ;
				background:#373B3C ;
				line-height: 20px;
				text-align: center;
			
			}
		#bea:hover{
				background:pink;
			}
		</style>
	</head>
	<body>
		<div>
			<h1>大家都喜欢买的美容品</h1>
			<ul id="beauty">
				<li><span id="bea">1</span>雅诗兰黛即时修护眼部精华霜15ml</li>
				<li><span id="bea">2</span>伊丽莎白雅顿显效复合活肤霜 75ml</li>
				<li><span id="bea">3</span>OLAY玉兰油多效修护霜 50g</li>
				<li><span id="bea">4</span> OLAY玉兰油多效修护霜 50g</li>
				<li><span id="bea">5</span>倩碧保湿洁肤水2号 200ml</li>
				<li><span id="bea">6</span>比度克细肤淡印霜 30g</li>
				<li><span id="bea">7</span>兰芝 (LANEIGE)夜间修护锁水面膜 80ml</li>
				<li><span id="bea">8</span>SK-II护肤精华露 215ml</li>
				<li><span id="bea">9</span>欧莱雅青春密码活颜精华肌底液</li>
			</ul>
		</div>
	</body>
</html>